@font-face {
  font-family: 'siyuan_bold';/*声明一个名为iconfont的字体变量*/
  src: url('../font/BOLD.OTF');
  //src: url('../font/BOLD.OTF?#iefix') format('embedded-opentype'),
url('../font/BOLD.OTF') format('otf');
}

@font-face {
  font-family: 'siyuan_medium';/*声明一个名为iconfont的字体变量*/
  src: url('../font/MEDIUM.OTF');
  //src: url('../font/MEDIUM.OTF?#iefix') format('embedded-opentype'),
url('../font/MEDIUM.OTF') format('otf');
}

@font-face {
  font-family: 'siyuan_regular';/*声明一个名为iconfont的字体变量*/
  src: url('../font/REGULAR.OTF');
  //src: url('../font/REGULAR.OTF?#iefix') format('embedded-opentype'),
url('../font/REGULAR.OTF') format('otf');
}

body {
  font-family: siyuan_regular !important;
}

.box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.text-center {
  text-align: center;
  text-align: -moz-center;
  text-align: -webkit-center;
}

.text-left {
  text-align: left;
  text-align: -moz-left;
  text-align: -webkit-left;
}

.text-right {
  text-align: right;
  text-align: -moz-right;
  text-align: -webkit-right;
}

.text-ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.text-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.unity-body-div {
  width: 100%;
  height: 100%;
  //background-color: rgba(0, 0, 0, 0.5);
  //background-color: rgba(40, 43, 46, 0.9);
  //padding: 60px 16px 16px 16px;
  padding: 50px 16px 8px 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  //overflow-x: hidden;
  //overflow-y: auto;
  overflow: hidden;
  scrollbar-width: none; /* 火狐浏览器隐藏浏览器滚动条 */
  -ms-overflow-style: none; /* IE 与微软浏览器隐藏浏览器滚动条 */
  position: relative;

  background-image: url("http://mahe.jnaw.top/mh/mhsk_photo/body_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left top;
  border-radius: 10px;
   box-sizing: border-box;
}

.body-bg {
  background-image: url("http://mahe.jnaw.top/mh/mhsk_photo/body_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: left top;
   border-radius: 10px;
   position: relative;
   box-sizing: border-box;
}

/* 谷歌与苹果自带浏览器隐藏浏览器滚动条 */
.unity-body-div::-webkit-scrollbar {
  display: none;
}

.unity-body-div.search {
  padding-top: 116px;
}

.unity-body-container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none; /* 火狐浏览器隐藏浏览器滚动条 */
  -ms-overflow-style: none; /* IE 与微软浏览器隐藏浏览器滚动条 */
}

/* 谷歌与苹果自带浏览器隐藏浏览器滚动条 */
.unity-body-container::-webkit-scrollbar {
  display: none;
}

.unity-title-div {
  width: 100%;
  position: absolute;
  left: 0;
  top: 16px;
  padding: 0 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  //width: -moz-calc(100% - 32px);
  //width: -webkit-calc(100% - 32px);
  //width: calc(100% - 32px);
}

.unity-engineer-title {
  position: relative;
  width: 100%;
}

.unity-engineer-title .name {
  font-size: 20px;
  color: #FFFFFF;
  padding-left: 10px;
  font-weight: 500;
}

.color-gradient-blue {
  /*主色调 */
  background: #3083ff;
  /*IE浏览器中由主色#007238，到#018944的颜色渐变设置*/
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #3083ff), color-stop(1, #2dc1ff));
  /*火狐浏览器中由主色#007238，到#018944的颜色渐变设置*/
  background: -ms-linear-gradient(left, #3083ff, #2dc1ff);
  /*谷歌浏览器中由主色#007238，到#018944的颜色渐变设置*/
  background: -moz-linear-gradient(left bottom, #3083ff 0%, #2dc1ff 100%);
  /*欧朋浏览器中由主色#007238，到#018944的颜色渐变设置*/
  background: -o-linear-gradient(left, #3083ff, #2dc1ff);
  /*filter:滤镜名（参数)*/
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#3083ff', EndColorStr='#2dc1ff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2dc1ff',EndColorStr='#3083ff')";
}

.unity-engineer-title .bg-line {
  width: 100%;
  height: 16px;
  border-radius: 6px;
  margin-top: -10px;
}

.unity-engineer-title .back-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
}

.unity-engineer-title .back-icon img,
.unity-engineer-subtitle .mark-icon img,
.unity-engineer-subtitle .checkbox img,
.unity-area-item .checkbox img {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.unity-engineer-subtitle {
  position: relative;
  padding-left: 18px;
  margin: 8px auto;
}

.unity-engineer-subtitle .mark-icon {
  width: 8px;
  height: 16px;
  position: absolute;
  left: 5px;
  top: 4px;
}

.unity-engineer-subtitle .name {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 1.5em;
}

.unity-engineer-subtitle .checkbox {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -8px;
}

.unity-river-watch-box {
  padding-top: 8px;
}

.unity-engineer-select-block .grid-content {
  margin-bottom: 8px;
  overflow: hidden;
  min-height: 73px;
  border-radius: 6px;
  padding: 8px 0;
  border: 1px solid #0083fd;
}

.unity-engineer-select-block .grid-content.color-gradient-blue {
  border: none;
}

.unity-engineer-select-block .grid-content .icon,
.unity-engineer-select-block .grid-content .icon img {
  width: 32px;
  height: 32px;
  overflow: hidden;
  position: unset;
  top: unset;
  color: unset;
  font-size: unset !important;
}

.unity-engineer-select-block .grid-content.color-gradient-blue .icon {
  margin-top: 1px;
}

.unity-engineer-select-block .grid-content .name {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 21px;
}

ul.unity-area-list {
  padding-left: 0;
  border-top: 1px dashed rgba(255, 255, 255, 0.6);
  margin-top: unset;
}

ul.unity-area-list.unity-engineer-sublist {
  border-top: unset;
}

.unity-area-item {
  color: #ffffff;
  font-size: 14px;
  position: relative;
  padding: 10px 20px 10px 20px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.6);
  overflow: hidden;
}

.unity-area-item .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -3px;
  background-color: #FFFFFF;
}

.unity-area-item .checkbox {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 4px;
  top: 50%;
  margin-top: -8px;
}

.unity-search-div {
  margin-top: 12px;
}

.unity-search-div .el-input {
  background-color: transparent;

}

/deep/ .unity-search-div .el-input .el-input__inner,
/deep/ .unity-search-div .el-input-group__append,
/deep/ .unity-search-div .el-input-group__prepend {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

/deep/ .unity-search-div .el-input .el-input__inner,
/deep/ .unity-search-div .el-input .el-input__inner:hover {
  border-right: 0 !important;
}

/deep/ .unity-search-div .el-input input.el-input__inner::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/deep/ .unity-search-div .el-input input.el-input__inner::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.7);
}

/deep/ .unity-search-div .el-input input.el-input__inner:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: rgba(255, 255, 255, 0.7);
}

/deep/ .unity-search-div .el-input input.el-input__inner:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.7);
}

/deep/ .unity-search-div .el-input-group__append {
  font-size: 18px;
}

.unity-engineer-subitem.color-gradient-blue {
  border-radius: 6px;
}

.unity-engineer-name {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 500;
  padding: 10px 72px 10px 20px;
  position: relative;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.6);
  //text-align: justify;
}

.unity-engineer-name img {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.unity-engineer-number {
  //width: 40px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10.5px;
}

.unity-engineer-sublist {
  margin-bottom: 0;
}

.unity-engineer-subitem {
  padding-right: 16px;
}

.unity-watch-select-block .grid-content {
  padding: 4px 0;
  min-height: 31px;
}

.unity-watch-select-block .grid-content .name {
  margin-top: 0;
}

.unity-watch-select-block .grid-content.color-gradient-blue .name {
  line-height: 23px;
}

.unity-table-scroll-box::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0);
}

.unity-table-scroll-box::-webkit-scrollbar-thumb {
  border-radius: 3px;
  // opacity: 0;
  /*主色调 /
  background: #3083ff;
  /*IE浏览器中由主色#007238，到#018944的颜色渐变设置*/
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #3083ff), color-stop(1, #2dc1ff));
  /*火狐浏览器中由主色#007238，到#018944的颜色渐变设置*/
  background: -ms-linear-gradient(left, #3083ff, #2dc1ff);
  /*谷歌浏览器中由主色#007238，到#018944的颜色渐变设置*/
  background: -moz-linear-gradient(left bottom, #3083ff 0%, #2dc1ff 100%);
  /*欧朋浏览器中由主色#007238，到#018944的颜色渐变设置*/
  background: -o-linear-gradient(left, #3083ff, #2dc1ff);
  /*filter:滤镜名（参数)*/
  filter: progid:dximagetransform.microsoft.gradient(startColorStr='#3083ff', EndColorStr='#2dc1ff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2dc1ff',EndColorStr='#3083ff')";

  .unity-table-scroll-box:hover {
    //background-color: #a8a8a8;
    background-color: rgba(0, 0, 0, 0);
  }

  .unity-table-scroll-box:active {
    //background-color: #787878;
    background-color: rgba(0, 0, 0, 0);
  }
}

.unity-table-scroll-box {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #3083ff rgba(0, 0, 0, 0.2);
}

.unity-status-box .unity-table-scroll-box {
  height: 296px;
}

.warning-box .unity-table-scroll-box {
  //height: 228px;
  height: 208px;
}

.zhfx-warning-box .unity-table-scroll-box {
  height: 505px;
}

.early-warning-box {
  height: calc(100% - 56px);
  overflow: hidden;
}

.early-warning-box .unity-table-box {
  height: 100%;
}

.warning-box.early-warning-box .unity-table-scroll-box {
  height: calc(100% - 40px);
}

.unity-status-box {
  padding-bottom: 12px;
}

.unity-table-box {
  color: #FFFFFF;
  font-size: 14px;
}

.unity-table-th {
  padding: 8px 0;
  border-bottom: 2px dashed rgba(255, 255, 255, 0.6);
}

.unity-table-tr {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.6);
}

.unity-table-th .el-row,
.unity-table-tr .el-row {
  margin: 0;
}

.unity-table-th .el-col,
.unity-table-tr .el-col {
  border-radius: unset;
  line-height: 22px;
}

.unity-table-td {
  padding: 7px 0;
}

.unity-table-box.warning .unity-table-tr .unity-table-td {
  color: #FFFFFF;
}

.unity-table-tr.red .unity-table-td.status,
.unity-table-box.warning .unity-table-tr.red .unity-table-td.name {
  //color: #ff6d74;
  color: #FF4A53;
}

.unity-table-tr.orange .unity-table-td.status,
.unity-table-box.warning .unity-table-tr.orange .unity-table-td.name {
  color: #FFAE20;
}

.unity-table-tr.green .unity-table-td.status,
.unity-table-box.warning .unity-table-tr.green .unity-table-td.name {
  //color: #2bff94;
  color: #1EDD7D;
}

.unity-table-tr.yellow .unity-table-td.status,
.unity-table-box.warning .unity-table-tr.yellow .unity-table-td.name {
  //color: #fad17b;
  color: #FCC70E;
}

.unity-table-tr.light-yellow .unity-table-td.status,
.unity-table-box.warning .unity-table-tr.light-yellow .unity-table-td.name {
  color: #F5E02E;
}

.unity-table-tr.blue .unity-table-td.status,
.unity-table-box.warning .unity-table-tr.blue .unity-table-td.name {
  color: #0CACFF;
}

.unity-table-tr.active .unity-table-td,
.unity-table-box.warning .unity-table-tr.active .unity-table-td.name {
  //background-color: rgba(255, 255, 255, 0.2);
  //background-color: rgba(43, 255, 148, 0.2);
  background-color: rgba(30, 221, 125, 0.2);
}

.unity-table-tr.red.active .unity-table-td,
.unity-table-box.warning .unity-table-tr.red.active .unity-table-td.name {
  //background-color: rgba(255, 109, 116, 0.2);
  background-color: rgba(255, 74, 83, 0.2);
}

.unity-table-tr.orange.active .unity-table-td,
.unity-table-box.warning .unity-table-tr.orange.active .unity-table-td.name {
  background-color: rgba(255, 174, 32, 0.2);
}

.unity-table-tr.green.active .unity-table-td,
.unity-table-box.warning .unity-table-tr.green.active .unity-table-td.name {
  background-color: rgba(43, 255, 148, 0.2);
}

.unity-table-tr.yellow.active .unity-table-td,
.unity-table-box.warning .unity-table-tr.yellow.active .unity-table-td.name {
  //background-color: rgba(250, 209, 123, 0.2);
  background-color: rgba(252, 199, 14, 0.2);
}

.unity-table-tr.light-yellow.active .unity-table-td,
.unity-table-box.warning .unity-table-tr.light-yellow.active .unity-table-td.name {
  background-color: rgba(245, 224, 46, 0.2);
}

.unity-table-tr.blue.active .unity-table-td,
.unity-table-box.warning .unity-table-tr.blue.active .unity-table-td.name {
  background-color: rgba(12, 172, 255, 0.2);
}

.unity-table-tr.white.active .unity-table-td,
.unity-table-box.warning .unity-table-tr.white.active .unity-table-td.name {
  background-color: rgba(255, 255, 255, 0.2);
}

.unity-pagination {
  background-color: transparent;
}

/deep/ .unity-pagination {
  padding: 16px 0 8px 0;
}

/deep/ .el-pagination--small .btn-next,
/deep/ .el-pagination--small .btn-prev,
/deep/ .el-pagination--small .el-pager li,
/deep/ .el-pagination--small .el-pager li.btn-quicknext,
/deep/ .el-pagination--small .el-pager li.btn-quickprev,
/deep/ .el-pagination--small .el-pager li:last-child {
  width: 27px !important;
  min-width: 27px;
  height: 27px !important;
  line-height: 27px !important;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  background-color: transparent;
  padding: 0;
  margin: 0 2px;
}

/deep/ .el-pagination button:disabled {
  color: rgba(255, 255, 255, 0.6);
}

/deep/ .unity-pagination .el-icon {
  font-size: 16px;
}

/deep/ .unity-pagination .number.active {
  border: 1px solid #0083FD;
  border-radius: 2px;
}

.body-container {
  padding: 0 35px 35px 35px;
}

.watch-subtitle-name,
.watch-current-value-div {
  font-size: 18px;
  line-height: 1em;
}

.watch-subtitle-name {
  //font-family: siyuan_regular;
  display: inline-block;
  padding: 0 8px 9px 8px;
  position: relative;
}

.watch-subtitle-name-underline {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  display: inline-block;
  background: linear-gradient(-77deg, #2DC1FF 0%, #3083FF 99%);
  border-radius: 2px;
}

.watch-current-value-div {
  padding: 16px 24px;
  border: 1px solid #bfbfbf;
  margin-top: 12px;
}

.watch-current-charts-div {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 12px;
  height: calc(100% - 92px);
  width: 100%;
  border: 1px solid #bfbfbf;
  padding: 16px;
}

.watch-subtitle-list {
  overflow: hidden;
  width: 100%;
}

.watch-subtitle-item {
  float: left;
  width: 20%;
  padding: 0 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.watch-subtitle-container {
  width: 100%;
  overflow: hidden;
}

.unity-body-center-left-box-content {
  font-weight: normal;
  font-family: siyuan_regular;
}

.page-list-body {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/deep/ .el-table.page-index-table .cell {
  /*white-space: break-spaces;*/
  white-space: pre-line;
}

.page-iframe {
  //border: 1px solid #e5e5e5;
  padding: 0 8px 0 0;
}

.page-base-body {
  padding: 0 0 0 8px;
}

.page-iframe iframe {
  overflow: hidden;
  scrollbar-width: none; /* 火狐浏览器隐藏浏览器滚动条 */
  -ms-overflow-style: none; /* IE 与微软浏览器隐藏浏览器滚动条 */
  // background-image: url("https://dongping.jnaw.top/unityWeb/static/img/engineer/unity_bj.png");
  //background-image: url("/static/img/engineer/unity_bj.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border: unset !important;
}

.parent_bac {
  background: linear-gradient(-77deg, #2DC1FF 0%, #3083FF 99%);
  border-radius: 6px;
}

.u_my_popover {
  background-color: rgba(0, 0, 0, 0.6) !important;
  border: none !important;
  color: #fff !important;
  text-align: center !important;
  max-width: 500px;
}

.u_my_popover .popper__arrow {
  border-top-color: rgba(0, 0, 0, 0.6) !important;
  bottom: -5px !important;
}

.u_my_popover .popper__arrow::after {
  border-top-color: rgba(0, 0, 0, 0.6) !important;
}

/deep/ .unity-engineer-box.el-collapse {
  border-top: unset;
  border-bottom: unset;
}

/deep/ .unity-engineer-box .el-collapse-item__header {
  background-color: transparent;
  width: 100%;
  height: auto;
  line-height: 1.5em;
  border-bottom: unset;
}

/deep/ .unity-engineer-box .el-collapse-item__header .unity-engineer-name {
  width: 100%;
}

/deep/ .unity-engineer-box .el-collapse-item__arrow {
  display: none;
}

/deep/ .unity-engineer-box .el-collapse-item__wrap {
  background-color: transparent;
  border-bottom: unset;
}
/deep/ .unity-engineer-box .el-collapse-item__content{
  padding-bottom: 0;
}
